/* 整体容器 */
.login-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20rpx;
}

/* 背景容器 */
.login-bg {
    width: 100%;
    height: 600rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffc0cb; /* 浅粉色背景色，接近图中风格 */
    border-bottom-left-radius: 30rpx;
    border-bottom-right-radius: 30rpx;
    overflow: hidden;
}

/* 背景图片 */
.bg {
    width: 100%;
    height: 890rpx;
    object-fit: cover;
}

/* 登录内容容器 */
.login-concent {
    width: 93%; /* 调整宽度，使其在屏幕中间显示，可按需调整比例 */
    background-color: white;
    border-radius: 60rpx 60rpx; /* 圆角边框 */
    padding: 30rpx;
    box-shadow: 0 6rpx 20rpx rgba(0, 0, 0, 0.03);
    margin-top: -60rpx;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center; /* 让内部元素水平居中 */
    border: 1rpx solid rgb(148, 140, 140);
}

/* 手机号、密码输入行 */
.login-concent view {
    display: flex;
    align-items: center;
    margin-bottom: 20rpx;
    width: 100%; /* 确保输入行占满容器宽度 */
}

/* 输入框左侧图标 */
.login-concent view image {
    width: 65rpx;
    height: 65rpx;
    margin-right: 10rpx;
}

/* 输入框 */
.login-concent input {
    flex: 1;
    border: none;
    border-bottom: 1px solid #fa8599; /* 粉色下划线 */
    height: 65rpx;
    font-size: 24rpx;
}

/* 登录按钮 */
.login-btn {
    width: 100%; /* 按钮占满容器宽度 */
    height: 80rpx;
    background-color: #ff7698; /* 按钮粉色 */
    color: white;
    font-size: 30rpx;
    border: none;
    border-radius: 50rpx;
    margin-bottom: 20rpx; /* 减少下方间距 */
    margin-top: 40rpx;
}

/* 新用户注册和忘记密码文本 */
.new-register-forgot {
    display: flex;
    justify-content: space-between;
    width: 100%; /* 与按钮同宽 */
    margin-top: 0; /* 去掉上方间距 */
    margin-left: 550rpx; /* 去掉左侧间距 */
}

.login-concent .new-register-forgot text {
    color: #999;
    font-size: 25rpx;
}

/* 其他登录方式分隔线 */
.login-line {
    width: 100%; /* 缩短分隔线长度 */
    text-align: center;
    margin: 20rpx;
    color: #ec4762;
    font-size: 24rpx;
}

.other{
    color: rgb(109, 105, 105);
    width: auto; /* 去掉固定宽度 */
}

/* 其他登录方式图标容器 */
.login-other {
    display: flex;
    justify-content: space-around;
    width: 100%;
}

/* 其他登录方式图标和文本组合 */
.login-other-item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* 其他登录方式图标 */
.login-other image {
    margin-top: 30rpx;
    width: 80rpx; /* 调整图标大小 */
    height: 80rpx;
}

/* 其他登录方式文本 */
.login-other text {
    color: inherit;
    font-size: 20rpx;
    margin-top: 15rpx;
}
.accept{
    margin-top: -45rpx;
}
/* 单选按钮样式 */
radio .wx-radio-input {
    margin-top: 30rpx;
    margin-left: 70rpx;
    width: 30rpx;
    height: 30rpx;
  }
  
  /* 选中时的样式 */
radio .wx-radio-input.wx-radio-input-checked {
    background-color: #ff7698 !important;
    border-color: #ff7698 !important;
  }
.entire{
    font-size: 25rpx;
}
.user{
    color: rgb(16, 131, 224);
}
.policy{
    color: rgb(16, 131, 224);
}